<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			
			* {
				margin: 0;
				padding: 0;
				list-style: none;
				text-decoration: none;
			}
			
			.clearfix::before,
			.clearfix::after {
				content: '';
				display: table;
				clear: both;
			}
			body {
				width: 1920px;
				font-size: 14px;
			}
			.top {
				width: 1920px;
				
			}
			.top img {
				float: left;
				margin: 22px 289px 20px 360px;
			}
			.top a {
				display: block;
				float: left;
				width: 90px;
				height: 100px;
				line-height: 100px;
				text-align: center;
				color: #333333;
				font-size: 16px;
			}
			.banner {
				position: relative;
				margin-bottom: 160px;
				width: 1920px;
				height: 300px;
			}
			
			.banner img {
				width: 100%;
			}
			.banner .gywm {
				position: absolute;
				top: 242px;
				left: 510px;
				width: 900px;
				height: 120px;
				background: #ffffff;
			}
			.banner .gywm h2 {
				margin: 32px 0 20px 395px;
			}
			.banner .gywm p {
				margin: 0 0 34px 347px;
			}
			.center {
				margin: 0 auto;
				margin-bottom: 296px;
				width: 1200px;
			}
			.center .center_a {
				display: flex;
				margin-bottom: 20px;
			}
			.center .center_a a {
				padding-bottom: 18px;
				flex: 1;
				text-align: center;
			}
			.center .center_a a:nth-child(1) {
				border-bottom: 3px solid blue;
			}
			.center .info img {
			margin-left: 280px;
			}
			
			.footer {
				position: relative;
				widows: 100%;
				height: 300px;
				background: #254b9e;
			}
			.footer>img {
				position: absolute;
				top: -152px;
				left: 50%;
				transform: translate(-50%);
			}
			.footer .foot_a {
				margin-top: 180px;
				margin-bottom: 40px;
				width: 100%;
				text-align: center;
			}
			.footer .foot_a a {
				color: #cccccc;
				margin: 0 32px;
			}
			.footer .foot_a a:last-child {
				margin-right: 0;
			}
			.footer p {
				text-align-last: center;
			}
			
		</style>
	</head>
	<body>
		<div class="top clearfix">
			<img src="艾布鲁-切图/内页-关于我们企业文化3/logo.png">
			<a href="#">公司首页</a>
			<a href="#">关于我们</a>
			<a href="#">新闻中心</a>
			<a href="#">核心技术</a>
			<a href="#">业务介绍</a>
			<a href="#">加入我们</a>
		</div>
		
		<div class="banner">
			<img src="艾布鲁-切图/内页-关于我们企业文化3/banner图.jpg">
			
			<div class="gywm">
				<h2>关于我们</h2>
				<p>您现在的位置：关于我们>>公司介绍 </p>
			</div>	
		</div>
		
		<div class="center clearfix">
			<div class="center_a">
				<a href="#">公司介绍</a>
				<a href="#">组织机构</a>
				<a href="#">企业文化</a>
				<a href="#">团队介绍</a>
				<a href="#">荣誉资质</a>
				<a href="#">专业技术</a>
			</div>
			
			<div class="info">
			<img src="艾布鲁-切图/内页-关于我们组织机构2/图层-2.png">
			</div>
			
		</div>
		
		<div class="footer clearfix">
			<img src="艾布鲁-切图/内页-关于我们企业文化3/二维码.jpg">
			
			<div class="foot_a">
				<a href="#">首页</a>
				<a href="#">关于我们</a>
				<a href="#">新闻中心</a>
				<a href="#">业务介绍</a>
				<a href="#">技术优势</a>
				<a href="#">加入我们</a>
			</div>
			
			<p>地址:长沙市雨花区劳动东路491号中邦国际11层电话: 0731 84425216传真: 0731-85585691<br>COPYRIGHT ◎2018湖南艾布鲁环保科技有限公司湘ICP备06005964 中企动力提供网站建设</p>
			
		</div>
		
		
	</body>
</html>
